.vus:where(.astro-uouv4eza){color-scheme:light;--vus-frame-bg: #f8fafc;--vus-phone-body: #0b1220;--vus-screen-bg: #eef2f6;--vus-notch: #000000;--vus-vh: #6366f1;--vus-svh: #0d9488;--vus-dvh: #16a34a;--vus-bar-ink: #ffffff;--vus-bad: #dc2626;--vus-bad-wash: rgba(220, 38, 38, .34);--vus-dead-wash: repeating-linear-gradient( -45deg, rgba(100, 116, 139, .22) 0, rgba(100, 116, 139, .22) 5px, rgba(100, 116, 139, .08) 5px, rgba(100, 116, 139, .08) 10px );--vus-bar-bg: #e2e8f0;--vus-bar-field: #ffffff;--vus-bar-brd: #cbd5e1;--vus-bar-url: #64748b;--vus-ink: #334155;--vus-muted: #64748b;--vus-accent: #6366f1;--vus-track: #cbd5e1;position:relative;margin:1.5rem 0;background:var(--vus-frame-bg);border:1px solid #e2e8f0;border-radius:12px;padding:18px;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:var(--vus-ink)}.vus-stage:where(.astro-uouv4eza){display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:28px 40px}.vus-phone:where(.astro-uouv4eza){margin:0;box-sizing:border-box;background:var(--vus-phone-body);border-radius:30px;padding:10px;box-shadow:0 12px 32px -14px #0206178c;flex:0 0 auto}.vus-screen:where(.astro-uouv4eza){margin:0;position:relative;overflow:hidden;width:248px;height:300px;border-radius:22px;background:var(--vus-screen-bg)}.vus-notch:where(.astro-uouv4eza){margin:0;position:absolute;top:0;left:50%;transform:translate(-50%);width:78px;height:16px;background:var(--vus-notch);border-bottom-left-radius:10px;border-bottom-right-radius:10px;z-index:6}.vus-bars:where(.astro-uouv4eza){margin:0;position:absolute;inset:0;display:flex;align-items:flex-start;justify-content:center;gap:18px;z-index:2}.vus-col:where(.astro-uouv4eza){margin:0;display:flex;flex-direction:column;justify-content:flex-start;height:100%;width:56px}.vus-bar:where(.astro-uouv4eza){margin:0;box-sizing:border-box;position:relative;flex:0 0 auto;width:56px;border-top-left-radius:6px;border-top-right-radius:6px;display:flex;align-items:flex-start;justify-content:center;padding-top:7px;transition:height .45s cubic-bezier(.4,0,.2,1)}.vus-bar-label:where(.astro-uouv4eza){margin:0;font-size:.7rem;font-weight:800;line-height:1.05;letter-spacing:.01em;text-align:center;color:var(--vus-bar-ink)}.vus-bar-vh:where(.astro-uouv4eza){background:var(--vus-vh);height:300px}.vus-bar-svh:where(.astro-uouv4eza){background:var(--vus-svh);height:246px}.vus-bar-dvh:where(.astro-uouv4eza){background:var(--vus-dvh);height:var(--vus-dvh-h, 246px);transition:height .45s cubic-bezier(.4,0,.2,1)}.vus-hidden-slice:where(.astro-uouv4eza){margin:0;position:absolute;left:0;right:0;bottom:0;height:54px;background:var(--vus-bad-wash);border-top:2px dashed var(--vus-bad);opacity:var(--vus-hidden-op, 1);transition:opacity .3s .15s;z-index:1}.vus-deadspace:where(.astro-uouv4eza){margin:0;flex:0 0 auto;width:56px;height:var(--vus-dead-h, 0px);background:var(--vus-dead-wash);border:1px dashed var(--vus-dead-brd, transparent);border-radius:6px;box-sizing:border-box;opacity:var(--vus-dead-op, 0);transition:height .45s cubic-bezier(.4,0,.2,1),opacity .3s;display:flex;align-items:center;justify-content:center;overflow:hidden}.vus-addressbar:where(.astro-uouv4eza){margin:0;box-sizing:border-box;position:absolute;left:0;right:0;bottom:0;height:54px;background:var(--vus-bar-bg);border-top:1px solid var(--vus-bar-brd);display:flex;align-items:center;padding:0 14px;z-index:4;transform:translateY(var(--vus-bar-shift, 0%));opacity:var(--vus-bar-op, 1);transition:transform .45s cubic-bezier(.4,0,.2,1),opacity .3s}.vus-urlfield:where(.astro-uouv4eza){margin:0;box-sizing:border-box;width:100%;background:var(--vus-bar-field);border:1px solid var(--vus-bar-brd);border-radius:999px;height:22px;display:flex;align-items:center;padding:0 12px;color:var(--vus-bar-url);font-size:.62rem;letter-spacing:.01em}.vus-side:where(.astro-uouv4eza){margin:0;display:flex;flex-direction:column;gap:20px;flex:0 1 280px;min-width:220px}.vus-control:where(.astro-uouv4eza){margin:0;display:flex;flex-direction:column;gap:10px}.vus-control-label:where(.astro-uouv4eza){margin:0;font-size:.78rem;font-weight:700;color:var(--vus-ink)}.vus-control-hint:where(.astro-uouv4eza){margin:0;font-size:.72rem;line-height:1.45;color:var(--vus-muted)}.vus-toggle:where(.astro-uouv4eza){display:inline-flex;align-items:center;gap:10px;cursor:pointer;user-select:none;appearance:none;-webkit-appearance:none;background:none;border:0;padding:0;margin:0;font:inherit;color:inherit;text-align:left}.vus-toggle-track:where(.astro-uouv4eza){position:relative;display:inline-block;width:38px;height:22px;background:var(--vus-track);border-radius:999px;transition:background-color .16s;flex:0 0 auto}.vus-toggle-knob:where(.astro-uouv4eza){position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0206174d;transition:transform .16s}.vus-toggle:where(.astro-uouv4eza)[aria-pressed=true] .vus-toggle-track:where(.astro-uouv4eza){background:var(--vus-accent)}.vus-toggle:where(.astro-uouv4eza)[aria-pressed=true] .vus-toggle-knob:where(.astro-uouv4eza){transform:translate(16px)}.vus-toggle:where(.astro-uouv4eza):focus-visible .vus-toggle-track:where(.astro-uouv4eza){outline:2px solid var(--vus-accent);outline-offset:2px}.vus-toggle-text:where(.astro-uouv4eza){font-size:.74rem;font-weight:700;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--vus-muted);min-width:3.2em}.vus-legend:where(.astro-uouv4eza){margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:9px}.vus-legend:where(.astro-uouv4eza) li:where(.astro-uouv4eza){margin:0;display:flex;align-items:flex-start;gap:9px;font-size:.76rem;line-height:1.35;color:var(--vus-muted)}.vus-legend:where(.astro-uouv4eza) b:where(.astro-uouv4eza){color:var(--vus-ink);font-weight:700}.vus-swatch:where(.astro-uouv4eza){margin:2px 0 0;flex:0 0 auto;width:14px;height:14px;border-radius:4px}.vus-sw-vh:where(.astro-uouv4eza){background:var(--vus-vh)}.vus-sw-svh:where(.astro-uouv4eza){background:var(--vus-svh)}.vus-sw-dvh:where(.astro-uouv4eza){background:var(--vus-dvh)}.vus-caption:where(.astro-uouv4eza){margin:18px 0 0;padding-top:14px;border-top:1px solid #e2e8f0;font-size:.82rem;line-height:1.5;color:var(--vus-ink);text-align:center}.vus-cap-when:where(.astro-uouv4eza){font-weight:700}.vus-cap-sep:where(.astro-uouv4eza){margin:0 6px;color:var(--vus-muted)}.vus-bad:where(.astro-uouv4eza){color:var(--vus-bad)}.vus-ok:where(.astro-uouv4eza){color:var(--vus-dvh)}@media(max-width:560px){.vus-stage:where(.astro-uouv4eza){gap:24px}.vus-side:where(.astro-uouv4eza){flex-basis:100%}}